<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui" template="template.xhtml">

	<ui:define name="main">
		<h:form id="formTelefoneCreche">
			<div class="header header_telefones_creche" />
				
			<p:panel id="painelCadastro" header="#{msgs.cadastro_numero_creche}"
				styleClass="painelCadastro">
				<p:messages />
				<h:panelGrid columns="3">
					<h:outputLabel value="#{msgs.numero_telefone}#{msgs.dois_pontos}" />
					<p:inputMask id="numero_telefone" mask="(99)9999-9999"
						value="#{telefoneCrecheBean.telefoneCreche.numero}" size="15"
						required="true">
					
					</p:inputMask>
				</h:panelGrid>

			</p:panel>
			<h:panelGrid styleClass="painelBotoes" columns="2">
				<p:commandButton value="#{msgs.botao_gravar}"
					action="#{telefoneCrecheBean.gravar}"
					update="painelConsulta, painelCadastro,growl" />

				<p:commandButton value="#{msgs.botao_limpar}"
					action="#{telefoneCrecheBean.limpar}" update="painelCadastro" process="@this"/>
			</h:panelGrid>

			<p:panel id="painelConsulta"
				header="#{msgs.telefones_creche_cadastrados}"
				styleClass="painelConsulta">

				<p:dataTable value="#{telefoneCrecheBean.listaTelefoneCreche}"
					id="tabela" emptyMessage="#{msgs.nenhum_registro_encontrado}"
					rowIndexVar="var" paginator="true" paginatorPosition="bottom"
					firstPageLinkLabel="Primeira" previousPageLinkLabel="Anterior"
					nextPageLinkLabel="Proxima" lastPageLinkLabel="ultima" rows="5"
					var="telefoneCreche" width="600">

					<p:column style="width:100px;text-align:center">
						<f:facet name="header">
							<h:outputText value="#{msgs.id}" />
						</f:facet>
						<h:outputText value="#{telefoneCreche.idtelefoneCreche}"
							styleClass="letra1" />
					</p:column>

					<p:column style="width:300px;text-align:left">
						<f:facet name="header">
							<h:outputText value="#{msgs.numero_telefone}" />
						</f:facet>
						<h:outputText id="numero" value="#{telefoneCreche.numero}"
							styleClass="letra1" required="true">
							<p:message for="numero" />
						</h:outputText>
					</p:column>
					<p:column style="width:50px;text-align:center">
						<p:commandButton image="ui-icon-pencil" title="Alterar"
							update="formTelefoneCreche" process="@this">
							<f:setPropertyActionListener
								target="#{telefoneCrecheBean.telefoneCreche}"
								value="#{telefoneCreche}" />
						</p:commandButton>
					</p:column>
					<p:column style="width:50px;text-align:center">
						<p:commandButton action="#{telefoneCrecheBean.excluir}"
							image="ui-icon-close" title="Excluir"
							update="formTelefoneCreche,painelConsulta" process="@this">
							<f:setPropertyActionListener
								target="#{telefoneCrecheBean.telefoneCreche}"
								value="#{telefoneCreche}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
